@charset "utf-8";
/* CSS Document */
body,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,select,textarea,form,p,img,div,pre,fieldset,blockquote,th,td {margin:0;padding:0;outline:none;}
html, body{ overflow-x:hidden;}
body{color:#333; background-color:#ffffff;}
ul,li,ol,dl,dt,dd{list-style:none}
img{border:none;border-style: none;}
*{ font-family:"Microsoft Yahei"; margin:0; padding:0;}
input,textarea,button{ background: transparent;vertical-align:middle}
a{ color:#333; text-decoration:none;}
:focus{outline:0}
table { border-spacing: 0px; border-collapse: collapse; }
tr { cursor: pointer; }
input, textarea{ border: 0; }
textarea{resize:none}
select{ border:none;outline: none;}
iframe, video{ width:100%;}

/*href*/
a:link,a:visited{color:#333; text-decoration:none;}
a:hover,a:active{color:#a00; text-decoration:none;}
.cfff,.cfff a:link,.cfff a:visited{color:#fff !important}
.cfff a:hover,.cfff a:active{color:#ddd}
.cccc,.cccc a:link,.cccc a:visited{color:#ccc}
.cccc a:hover,.cccc a:active{color:#ddd}
.c666,.c666 a:link,.c666 a:visited{color:#666}
.c666 a:hover,.c666 a:active{color:#a00}
.c999,.c999 a:link,.c999 a:visited{color:#999}
.c999 a:hover,.c999 a:active{color:#a00}

/*common*/
.wrap{ width:1750px; margin:0 auto;}
.l{float:left !important}
.r{float:right !important}
.o{overflow:hidden}
.c{display:block;height:0;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.hidden{display:none}
.center{text-align:center}
.mt20{margin-top:0.26rem !important}
.mt30{margin-top:0.4rem !important}
.mt8{ margin-top:0.15rem;}
.mt50{ margin-top:0.66rem;}
.img-box img,.img{display:block;margin:0;padding:0;width:100%;}
.flexbox{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.lc{-webkit-box-direction:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
/*文字超出省略*/
.ellipsis{-webkit-box-direction:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.ovh1{text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
.ovh2{-webkit-line-clamp:2}
.ovh3{-webkit-line-clamp:3}
.ovh5{-webkit-line-clamp:5}
.j_tab{ display:table; width:100%; height:100%;}
.j_tab_cel{ display:table-cell; vertical-align:middle; width:100%; height:100%;}

/*header*/
.header{ width: 100%; line-height: 90px;position: fixed;top: 0;left: 0; z-index: 999;background-color: #ffffff;}
.logo{ background: url(../images/logo.png) no-repeat center left; width: 310px; height:90px;}
.nav{ margin: 5px 0 0 255px;}
.nav li{ float: left;padding: 0 15px;line-height: 82px;margin-left: 18px;}
.nav li a{ font-size: 16px;color: #666666;}
.nav li:hover, .nav li.active{ border-bottom: 3px solid #e13032;}
.tel{ background: url(../images/tel.png) no-repeat left center;font-size: 24px;color: #e13032;font-weight: bold;padding-left: 38px;}
.tel span{ font-size: 14px;color: #000000;line-height: 16px;display: block; float: left;margin: 30px 20px 0 0; font-weight: normal;}

.box2{ background-color: #f6f6f6;padding: 57px 0 75px;}
.box2_title h1{ font-size: 36px;color: #155ba0;line-height: 60px; background: url(../images/cir.png) no-repeat 53.6% top;}

.box2_title p{ font-size: 14px;color: #666666;line-height: 40px;}
.box2_swiper{ margin-top: 50px;}
.box2_swiper .swiper-slide{ width: 23%; position: relative; margin: 0 .8%; background-color: #155ba0;}
.box2_swiper .swiper-slide p{ position: absolute; top: 50%; left: 0; margin-top: -15px; width: 100%; text-align: center; line-height: 30px; font-size: 24px; color: #ffffff; opacity: 0;}
.box2_swiper .swiper-slide:hover img{ opacity: .2;}
.box2_swiper .swiper-slide:hover p{ opacity: 1;}
.box2_swiper .swiper-button-next, .box2_swiper .swiper-button-prev{ position:absolute; left:5px; top:50%; margin-top: -48px; display:block; width:30px; height:94px; border:1px solid #ddd; background:url(../images/icoLeft.gif) center center no-repeat #f4f4f4; z-index: 999; }
.box2_swiper .swiper-button-prev{ left:auto; right:5px; background:url(../images/icoRight.gif) center center no-repeat #f4f4f4;  }
.box2_swiper .swiper-button-next:hover,.box2_swiper .swiper-button-prev:hover{ border-color:#f60;}
.box2_swiper .swiper-button-next:after, .box2_swiper .swiper-button-prev:after{ font-size: 0;}
a.more{ display: block; width: 205px;line-height: 55px;background-color: #f2890a;font-size: 16px;color: #ffffff;border-radius: 55px;}
.box2 .more{ margin: 68px auto 0;}

.box4{ background: url(../images/bg2.jpg) no-repeat center center;background-size: cover;padding: 90px 0 40px;}
.box4_wrap{ width: 1400px;margin: 0 auto;}
.box4 .box2_title h1{ background-position: 128px top;}
.box4 .box2_title p{ font-size: 18px; line-height: 53px;}
.box4_txt{ font-size: 16px;color: #999999;line-height: 30px; width: 670px;margin-bottom: 27px;}
.box4_ul{ margin-top: 60px;}
.box4_ul li{ float: left;text-align: center;margin-right: 50px;}
.box4_icon{ height: 68px;background: url(../images/box4_icon1.png) no-repeat center center;}
.box4_icon1{ background-image: url(../images/box4_icon1.png);}
.box4_icon2{ background-image: url(../images/box4_icon2.png);}
.box4_icon3{ background-image: url(../images/box4_icon3.png);}
.box4_icon4{ background-image: url(../images/box4_icon4.png);}
.box4_icon5{ background-image: url(../images/box4_icon5.png);}
.box4_ul li p{ font-size: 18px;color: #333333;line-height: 62px;}

.container{ background: url(../images/bg3.jpg) no-repeat center center;background-size: cover; text-align: center; font-size: 0; padding: 58px 0 52px;}
.container li{ display: inline-block; margin: 0 60px;}
.conter1{font-size: 18px;color: #ffffff; line-height: 56px; height: 56px;}
.conter1 span{font-weight: bold;font-size: 36px;}
.container li p{ font-size: 14px; color: #ffffff; line-height: 32px; text-transform: uppercase;}

.box5{ padding: 60px 0 80px;}
.case_ul{ width:75.6%; margin: 40px auto 60px;}
.case_ul li{ float: left; width: 30%; margin: 0 1.66%;}
.case_zi{ padding: 20px; background-color: #ffffff;}
.case_zi p{ font-size: 18px; color: #666666; line-height: 28px; text-align: center; height: 28px; overflow: hidden;}
.box5 .more{ color: #2272b1; background-color: #ffffff; margin: 0 auto; border: 1px solid #2272b1;}

.box6{ background: url(../images/bg4.jpg) no-repeat center center; background-size: cover; padding: 60px 0;}
.news_ul{ margin: 28px auto 0; width: 1434px;}
.news_ul li{ float: left; margin: 0 15px; width: 448px}
.box6_text{ background-color: #f3f3f3; width: 360px; height: 155px; margin: -26px auto 0; position: relative; z-index: 1; padding: 40px 20px 20px;}
.box6_tit{ font-size: 18px; color: #333333; line-height: 40px; height: 40px; overflow: hidden;}
.box6_txt{ font-size: 14px; color: #888888; line-height: 34px; height: 34px; overflow: hidden;}
.box6_date{ font-size: 14px; color: #2272b1; line-height: 64px; height: 64px;}
.box6_date span{ font-size: 26px; font-weight: bold;}

.footer{ background-color: #134267; padding:50px 0 40px;}
.f_wrap{width: 1400px; margin: 0 auto;}
.f_logo{ width: 310px; height:73px; background: url(../images/f_logo.png) no-repeat center left;}
.f_nav{ margin-left: 80px;}
.f_nav li{ float: left; width:33.3%; text-align:center; padding-bottom:20px;}
.f_nav li:last-child{ margin-right: 0;}
.f_nav li a{ font-size: 18px; color: #cccccc;}
.f_con{ margin-top:20px;}
.f_con h1{ font-size:20px; color: #ffffff;}
.f_con p{ line-height: 36px;}
.f_con p, .f_con a{ font-size: 16px; color: #cccccc;}
.f_con img{ vertical-align: middle;}

.article_wrap{ width: 1400px; margin: 0 auto;}

.ery{ line-height: 75px; border-bottom: 1px solid #e3e4e5;}
.dqlm li{ float: left; line-height: 72px; margin-right: 30px;}
.dqlm li a{ font-size: 16px; color: #888888;}
.dqlm li:hover, .dqlm li.curr{ border-bottom: 3px solid #e67015;}
.location{ background: url(../images/location.png) no-repeat center left; padding-left: 22px;}
.location, .location a{ font-size: 14px; color: #888888;}

.er_center{ background-color: #f3f4f8; padding: 30px 0;}
.er_nav{ width: 20%; background-color: #ffffff;}
.er_nav li{ line-height: 77px; padding-left: 18%; border-bottom: 2px solid #f3f4f8;}
.er_nav li a{ font-size: 18px; color: #666666;}
.er_nav li:hover, .er_nav li.curr{ background-color: #e13032;}
.er_nav li:hover a, .er_nav li.curr a{ color: #ffffff;}

.prolist{ width: 77.7%;}
.prolist li{ float: left; background-color: #ffffff; text-align: center; margin: 0 0 26px 1.7%; width: 23.3%;}
.prolist li p{ line-height: 70px; font-size: 18px; color: #888888;}

.speech{ padding: 50px 0 70px;}
.speech img{ float: right; margin-left: 80px;}
.speech h1.blue{ font-size: 30px; color: #0281d6; margin-bottom: 35px;}
.speech h1 span{ font-size: 20px; color: #666666; font-weight: normal; margin-left: 25px;}

.article, .article p{line-height: 42px; color: #999999;font-size: 20px; text-align: justify;}
.article img{ max-width:100%;}

.caselist{ width:75.6%; margin: 0 auto;}
.caselist li{ float: left; width: 30%; margin: 0 1.66% 40px;}
.caselist li .case_zi{ background-color: #ffffff;}

.contact{ width: 74%; margin: 0 auto;}
.contact li{ background-color: #ffffff; float: left; width: 31.6%; margin: 0 .86% 30px; height: 243px;}
.con_txt{ padding: 60px 60px 0;}
.con_txt h1{ font-size: 30px; color: #666666; text-transform: uppercase; margin-bottom: 40px; line-height: 30px;}
.con_txt p{ font-size: 20px; color: #666666; line-height: 36px; text-transform: uppercase; height: 72px;}
.con_txt img{ width:100%}

.culture h1.blue{ margin-top: 60px;}
.speech h1.gray{ font-size: 24px;}
.culture_txt{ margin-top: 120px;}
.culture_txt p{ margin-bottom: 10px;}
.culture_ul li{ margin-bottom: 35px;}
.culture_ul li img{ float: none; margin-left: 0;}

.classlist{ width:75.6%; margin: 50px auto 0;}
.classlist li{ float: left; width: 30%; margin: 0 1.66% 40px; text-align: center;}

.newslist{ width: 75%; margin: 0 auto;}
.newslist li{ float: left; width: 31.1%; background-color: #ffffff; margin: 0 1.1% 30px;}
.news_txt{ padding: 40px;}

.aboutus_l{ padding-top: 56px; background: none; width: 20%; text-align: left;}
.aboutus_l li{float: none; margin: 0 0 20px;}
.aboutus_l li .conter1{ color: #666666; height: 40px; line-height: 40px;}
.aboutus_l li .conter1 span{ color: #e13032;}
.aboutus_l li p{ color: #666666;}
.aboutus_r{ width: 71.4%; border-left: 1px solid #e3e4e5; padding: 65px 0 65px 70px;}
.aboutus_tit{ background: url(../images/logo.png) no-repeat center right; margin-bottom: 20px;}
.aboutus_tit h1{ line-height: 46px; font-size: 24px; color: #0281d6;}
.aboutus_tit p{ line-height: 40px; font-size: 18px; color: #666666;}
.aboutus_r, .aboutus_r p{ font-size: 16px; color: #999999; line-height: 34px; text-align: justify;}

.view-tit{color: #000;padding-bottom: 30px;border-bottom: 1px solid #aaa;margin-bottom: 40px;}
.view-tit .date {font-size: 1.125rem;color: #666;margin-bottom: 10px;}
.view-tit h2 {margin: 0;font-size: 2.375rem;line-height: 1.3;font-weight: normal;}
.view-page {border-top: 1px solid #ddd;padding-top: 70px;margin-top: 60px;text-align: center;font-size: 0;}
.btn-style.green {border-color: rgba(19, 66, 103, 0.5);color: #134267;}
.view-page .btn-style {font-size: 1rem;}
.btn-style {position: relative;display: inline-block;vertical-align: middle;width: 200px;height: 54px;font-size: 0.875rem;font-weight: 600;line-height: 54px;text-align: center;white-space: nowrap;margin: 0;padding: 0 14px;border-style: solid;border-width: 2px;border-radius: 27px;-webkit-transition: background .2s, color .2s, border .2s;-o-transition: background .2s, color .2s, border .2s;transition: background .2s, color .2s, border .2s;border-color: rgba(255, 255, 255, 0.5);background-color: rgba(255, 255, 255, 0);color: #fff;overflow: hidden;}
.article-page {display: -webkit-box;display: -ms-flexbox;display: flex;margin-top: 70px;}
.article-page .box {display: block;width: 50%;border-right: 1px solid #ddd;position: relative;background-color: #f9f9f9;}
.article-page .box .btn-aw {width: 44px;height: 44px;border-radius: 50%;border: 1px solid #aaa;font-size: 0;position: absolute;top: 50%;margin-top: -22px;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.article-page .box .btn-aw:before {content: '';display: block;width: 10px;height: 10px;border: 2px solid #333;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: border .5s;-o-transition: border .5s;transition: border .5s;}
.article-page .box .main {vertical-align: top;}
.article-page .box .main .tag {font-size: 0.9375rem;color: #134267;margin-bottom: 5px;}
.article-page .box .main .ti {font-size: 1.125rem;line-height: 1.5;color: #333;}
.article-page .box .main .data {font-size: 0.9375rem;color: #999;}
.article-page .box:hover .btn-aw {border-color: #134267;background-color: #134267;}
.article-page .box:hover .btn-aw:before {border-color: #fff;}
.article-page .box:hover .main .ti {color: #000;text-decoration: underline;}
.article-page .box.prev {padding: 40px 50px 40px 130px;}
.article-page .box.prev .btn-aw {left: 40px;}
.article-page .box.prev .btn-aw:before {border-right: none;border-top: none;-webkit-transform-origin: 8px 0;-ms-transform-origin: 8px 0;transform-origin: 8px 0;}
.article-page .box.prev .main {text-align: right;}
.article-page .box.next {border-right: none;padding: 40px 130px 40px 50px;}
.article-page .box.next .btn-aw {right: 40px;}
.article-page .box.next .btn-aw:before {border-left: none;border-bottom: none;-webkit-transform-origin: 8px -5px;-ms-transform-origin: 8px -5px;transform-origin: 8px -5px;}

.pro_wrap{ width: 77.7%;}

.article1, .article1 p{ font-size: 16px;}

.forms{background: transparent;padding-bottom: .5rem;}
.forms *{ box-sizing: border-box; -webkit-box-sizing: border-box;}
._item{height:44px;line-height:44px;display:flex;border-bottom:1px solid #121a60;padding:0 10px;overflow:hidden}
._item.most{height:100px}
._item.most .photos{width:60px;height:60px;margin-top:7px}
._item i{color:#999}
._item label{display:block;width:25%; text-align: right;}
._item input,._item select,._item textarea{flex:1;border:0;height:44px;font-size:14px;color:#666;margin:0;padding:0;background: transparent;}
._item textarea{height: 100px;padding: 10px 0;}
.splitLine{height:5px;background:#efefef;overflow:hidden}
.apply-btn{width:96%;margin:.3rem auto}
.apply-btn a{display:block;height:1rem;text-align:center;line-height:1rem;background:#fcaf09;color:#fff !important;border-radius:.2rem}

@media only screen and (max-width: 1440px) {
    .wrap{ width:1312px;}
    .header{ line-height: 67px;}
    .logo{ background-size: 100% auto; width: 157px; height:67px;}
    .nav{ margin: 3px 0 0 191px;}
    .nav li{padding: 0 11px;line-height: 61px;margin-left: 13px;}
    .tel{ font-size: 18px;}
    .tel span{margin: 22px 15px 0 0; line-height: 14px; font-size: 12px;}

    .box1 {padding: 63px 0 52px;}
    .box1_top li{ margin-bottom: 33px;}
    .box1_top li p {line-height: 60px;font-size: 18px;}
    .box1_bottom{ margin: 22px auto 0;width: 915px;}
    .box1_bottom li{margin: 0 33px; width: 115px;height: 115px;}
    .box1_icon{ height: 52px; background-size: auto; margin-bottom: 9px;}
    .box1_bottom li p{ font-size: 14px;line-height: 15px;}

    .box2{padding: 42px 0 56px;}
    .box2_title h1{ font-size: 27px;line-height: 45px;}
    .box2_title p{line-height: 30px;}
    .slideGroup .parHd ul{padding: 40px 0;}
    .slideGroup .parHd ul li{padding:0 30px;}
    .slideGroup .parHd ul li, .slideGroup .parHd ul .box2_more a{font-size: 16px;}
    .slideGroup .parHd ul .box2_more{ margin-left: 30px;}
    .slideGroup .parBd ul li{ width: 271px;margin-right:11px;}
    a.more{ width: 153px;line-height: 41px;font-size: 14px;border-radius: 41px;}
    .box2 .more{ margin: 51px auto 0;}

    .box3{ padding: 37px 0 60px;}
    .box3_slide .hd{padding: 37px 0;}
    .box3_slide .hd ul li{width: 108px;line-height: 39px;font-size: 16px;border-radius: 39px;margin: 0 5px;}

    .box4{padding: 102px 0 48px;}
    .box4_wrap{ width: 1050px;}
    .box4_txt{ font-size: 14px;line-height: 22px; width: 502px;margin: 15px 0 45px;}
    .box4_ul{ margin-top: 45px;}
    .box4_ul li{margin-right: 37px;}
    .box4_icon{ height: 51px; background-size: auto 100%;}
    .box4_ul li p{ font-size: 16px;line-height: 46px;}

    .container{ padding: 43px 0 39px;}
    .container li{ margin: 0 60px;}
    .conter1{font-size: 16px; line-height: 52px; height: 52px;}
    .conter1 span{font-size: 37px; margin-right: 7px;}
    .container li p{ font-size: 16px; line-height: 37px;}

    .box5{ padding: 45px 0 60px;}
    .case_ul{ margin: 30px auto 45px;}
    .case_zi{ padding: 15px 22px;}
    .case_zi p{ font-size: 16px; line-height: 22px;}

    .news_ul{ margin: 21px auto 33px; width: 1075px;}
    .news_ul li{ margin: 0 11px; width: 336px;}
	.box6_text{ background-color: #f3f3f3; width:80%; height:100px; margin: -26px auto 0; position: relative; z-index: 1; padding: 40px 20px 20px;}

    .box6_tit{ font-size: 16px; line-height: 30px; height: 30px;}
    .box6_txt{ font-size: 12px; line-height: 25px; height: 25px;}
    .box6_date{ font-size: 12px; line-height: 48px; height: 48px;}
    .box6_date span{ font-size: 18px;}

    .box7{ padding: 48px 0 42px;}
    .box7_icon{ height: 56px; background-size: auto 100%;}
    .box7_txt{ margin-top: 11px;}
    .box7_txt .h1{ font-size: 16px; line-height: 26px;}
    .box7_txt .h2{ font-size: 12px; line-height: 21px;}

    .footer{ padding: 67px 0 45px;}
    .f_wrap{width: 1100px;}
    .f_logo{width: 232px;height:54px;background-size: 100%;}
	.f_nav{ margin-left:44px;}
    .f_nav li a{ font-size: 16px;}
	.copy p:nth-child(2){padding-left: 70px !important;}
    .f_con{ margin-top: 45px;}
    .f_con h1{ font-size: 22px;}
    .f_con p{ line-height: 27px;}
    .f_con p, .f_con a{ font-size: 14px;}
    .f_code{ width: 310px;}
    .f_code img{ max-width: 100%;}

    .article_wrap{ width: 1050px; margin: 0 auto;}

    .ery{ line-height: 56px;}
    .dqlm li{ line-height: 54px; margin-right: 22px;}
    .dqlm li a{ font-size: 14px;}
    .dqlm li:hover, .dqlm li.curr{ border-bottom: 2px solid #e67015;}
    .location, .location a{ font-size: 12px;}

    .er_center{ padding: 22px 0;}
    .er_nav li{ line-height: 57px; padding-left: 10%;}
    .er_nav li a{ font-size: 16px;}

    .prolist li{ margin: 0 0 20px 1.7%;}
    .prolist li p{ line-height: 52px; font-size: 16px;}

    .speech{ padding: 37px 0 52px;}
    .speech img{ margin-left: 60px;}
    .speech h1.blue{ font-size: 22px; margin-bottom: 26px;}
    .speech h1 span{ font-size: 16px; margin-left: 18px;}

    .article, .article p{line-height: 32px;font-size: 16px;}

    .caselist li{ margin: 0 1.66% 30px;}

    .contact li{ margin: 0 .86% 22px; height: 182px;}
    .con_txt{ padding: 45px 45px 0;}
    .con_txt h1{ font-size: 22px; margin-bottom: 30px; line-height: 30px;}
    .con_txt p{ font-size: 16px; line-height: 27px; height: 54px;}

    .culture h1.blue{ margin-top: 45px;}
    .speech h1.gray{ font-size: 18px;}
    .culture_txt{ margin-top: 90px;}
    .culture_txt p{ margin-bottom: 7px;}
    .culture_ul{ width: 375px;}
    .culture_ul li{ margin-bottom: 26px;}

    .classlist{ margin: 37px auto 0;}
    .classlist li{ margin: 0 1.66% 30px;}

    .newslist li{ margin: 0 1.1% 22px;}
    .news_txt{ padding: 30px;}

    .aboutus_l{ padding-top: 42px;}
    .aboutus_l li{ margin-bottom: 30px;}
    .aboutus_l li .conter1{ line-height: 56px; height: 56px;}
    .aboutus_l li .conter1 span{ margin-left: 7px;}
    .aboutus_l li p{ font-size: 16px; line-height: 33px;}
    .aboutus_r{ padding: 48px 0 48px 52px;}
    .aboutus_tit{ margin-bottom: 15px;}
    .aboutus_tit h1{ line-height: 34px; font-size: 18px;}
    .aboutus_tit p{ line-height: 24px; font-size: 14px;}
    .aboutus_r, .aboutus_r p{ font-size: 14px; line-height: 26px;}

    .view-tit{padding-bottom: 22px;margin-bottom: 30px;}
    .view-tit .date {font-size: 1rem;margin-bottom: 7px;}
    .view-tit h2 {font-size: 1.375rem;line-height: 1.1;}
    .view-page {padding-top: 52px;margin-top: 45px;}
    .view-page .btn-style {font-size: .8rem;}
    .btn-style {width: 150px;height: 40px;line-height: 40px;}
    .article-page {margin-top: 52px;}
    .article-page .box .btn-aw {width: 33px;height: 33px;}
    .article-page .box .main .ti {font-size: 1rem;}
    .article-page .box.prev {padding: 30px 37px 30px 97px;}
    .article-page .box.prev .btn-aw {left: 30px;}
    .article-page .box.next {padding: 30px 97px 30px 37px;}
    .article-page .box.next .btn-aw {right: 30px;}
}

.pagelist { text-align: center; margin: 20px 0 40px; clear:both; padding-top:30px;}
.pagelist span, .pagelist strong, .pagelist a { display: inline-block; border: 1px solid #ddd;padding: 2px 6px; margin-right: 2px; line-height:16px; text-decoration:none; color:#666;}
.pagelist strong { background: #134267; color: #fff;}